/*

Theme Name: 会员企业（模版7）

Theme URI: http://www.jpgsteel.com/

Description: 会员企业（模版7）

Version:1.0

Author: 金苹果钢铁现货网

Author URI: http://www.jpgsteel.com/

*/



/* 全局通用

----------------------------------------------- */

body{font-family:Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Arial,Lucida,Verdana,Helvetica,sans-serif;color:#555;

background:#eef3fa }

body,button,input,textarea{font-size:14px;line-height:1.7;outline:0;margin:0;padding:0;border:0}

input,textarea{ line-height:28px;}

blockquote,dd,dl,dt,form,ol,p,ul{margin:0;padding:0}

ol,ul{list-style:none}

h1,h2,h3,h4,h5,h6{font-size:14px;margin:0;padding:0}

b,em,i{font-style:normal;font-weight:400}

img{border:0}

a{text-decoration:none;color:#333}

a:hover{text-decoration:none;color:#C70D0E}

img{vertical-align:middle}

input,select{font-family:Microsoft Yahei;vertical-align:middle}

.clear{clear:both;height:0;line-height:0;font-size:0}

.clearfix{overflow:hidden;zoom:1}

.none{display:none}

#vcode{cursor:pointer}

.captcha{text-transform:uppercase}

.cue{color:red;font-size:12px}

label{cursor:pointer}

.fl{ float:left}

.fr{ float:right}

/* 主体框架

----------------------------------------------- */

#wrapper .wrap {

 width: 1200px;

 margin: 0px auto; position:relative; z-index:99

}

.mt35{ margin-top:-35px;}

#wrapper .mb {

 margin-bottom:20px;

}

/* -- index -- */

#indexLeft {

 width:655px;

}

#indexRight {

    text-align: left;

    width: 330px;

}

/* -- page -- */

#pageLeft {

 float: left;

 margin:15px 0 0 0;

    position: relative;

    width: 280px;

    z-index: 6;background:#fafdff;

    border: 1px solid #cadae7;

}

#pageIn { float:right;

 width:860px;

 overflow: hidden;background:#fafdff;

    border: 1px solid #cadae7; padding:0 20px; margin-top:15px;

}

/* 头部导航

----------------------------------------------- */

/* -- top -- */

#top{text-align:right;color:#CCC;}

#top a{color:#555}

#top s{width:0;height:12px;border-left:1px solid #e3e3e3;overflow:hidden; display:inline-block}

/* userTop */

#top .userTop {

 float:left;

}

#top .userTop s {

 margin:0 12px;

}

/* topNav */

#top .topNav{position:relative;z-index:1000;height:30px;float:right;margin-right:-5px;color: #54596f; margin-top:10px}

#top .topNav li{float:left;zoom:1;text-align:center}

#top .topNav li a{padding:0 8px; font-size:12px;}

#top .topNav li.hover{position:relative;background:#FFF;border:1px solid #DDD;border-bottom:0}

#top .topNav li.hover s{border-left:1px solid #FFF}

#top .topNav ul{background:#FFF;border:1px solid #DDD;border-top:0;width:100%;display:none;position:absolute;top:100%;left:-1px;padding-bottom:4px}

#top .topNav ul li{float:none}

#top .topNav li.hover ul li{border:none}

#top .topNav li.hover ul li a{height:25px;line-height:25px}

.top-nav-tel{height:30px;line-height:32px;}

.top-nav-tel dt{background:url(images/ico_map_common.png) no-repeat 0 -84px;height:31px;padding-left:36px}

.top-nav-tel dd{font-size:19px;margin-left:8px;vertical-align:top; color:#ea3939}

.top-nav-tel dd,.top-nav-tel dt{display:inline-block}



/* -- header -- */

#header{min-height:90px}

#header .logo{padding:20px 0 15px 0;float:left}

#header .searchBox{float:right}

#header .searchBox{margin:30px 10px 0 0}

#header .searchBox .keyword{width:210px; float:left}

/* -- mainNav -- */

#mainNav {

 font-size: 14px;

}

/* LEVEL ONE */

#mainNav{ height:42px; width:100%;/* background: url(images/nav_bg.png) repeat-x 0 0*/ background:#06c}

#mainNav ul{position:relative;z-index:1000; margin:0 auto; width:1200px;}

#mainNav ul li{float:left;zoom:1; height:42px; line-height:42px; width:110px; }

#mainNav ul li a{display:block;padding:0 12px;text-align:center;height:42px;line-height:42px;color:#fff;text-decoration:none;}

#mainNav ul li.cur,#mainNav ul li.hover{background:#4097ef;position:relative; border-left: 1px solid #045fba;

    border-right: 1px solid #045fba; box-sizing:border-box; width:110px}

#mainNav ul li.cur a,#mainNav ul li.hover a{color:#FFF}

#mainNav ul li .first{background:#a61c00;}

#mainNav ul li.cur .first,#mainNav ul li.hover .first{background:#a61c00}



/* LEVEL TWO */

#mainNav ul ul{width:108px;display:none;position:absolute;top:100%;left:0;background:#f2f2f2; border:1px solid #ccc; border-right:0 0 5px 5px; z-index:9999}

#mainNav ul ul li{font-weight:400;background:#f2f2f2;float:none; line-height:35px; height:35px;width:108px;border:none}

#mainNav ul ul li:hover{border:none;background:none}

#mainNav ul li.hover ul li a{color:#000;border-right:none;display:inline-block;line-height:35px; height:35px;width:108px; padding:0; border:0}

#mainNav ul li.hover ul li.hover a{color:#000; }

#mainNav ul li.hover ul a.parent{background:url(images/icon_red.gif) no-repeat 100px 50%}



/* LEVEL THREE */

#mainNav ul ul ul{left:100%;top:0;border-top:0}

#mainNav ul li.hover ul li.hover ul li a{color:#24313C}

#mainNav ul li.hover ul li.hover ul li.hover a{color:#FFF}



/* 首页样式

----------------------------------------------- */

/* -- 幻灯 -- */

.slideShow{position:relative;margin:0 auto;padding:0}

.slideShow .slides a{display:block;height:400px;background-repeat:no-repeat;background-position:center center}



.slideShow .slideBox {

 background: #fff;

 /*fix other elements on the page moving (on Chrome)*/

 -webkit-transform: translatez(0);

 -moz-transform: translatez(0);

 -ms-transform: translatez(0);

 -o-transform: translatez(0);

 transform: translatez(0);

}

/* -- slideLoading -- */

.slideShow .slideLoading{min-height:50px;background:url(images/slide_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}



/* -- previous 和 next 按钮 -- */

.slideShow .arrowBox a{z-index:50;font-family:\5b8b\4f53,sans-serif;position:absolute;display:block;margin-bottom:-20px;width:40px;height:40px;bottom:50%;line-height:40px;text-decoration:none;text-align:center;color:#fff;font-size:2em;background-color:#333;background-color:rgba(50,50,50,.3)}

.slideShow .arrowBox a.disabled{display:none}

.slideShow .arrowBox .arrowPrev{left:20px}

.slideShow .arrowBox .arrowNext{right:20px}

.slideShow .arrowBox a:hover{background-color:rgba(50,50,50,.6)}

/* -- controlBox -- */

.slideShow .controlBox{z-index:30;position:absolute;bottom:0;width:100%;text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666}

.slideShow .controlBox .control{display:inline-block}

.slideShow .controlBox.controlDefault a{background:url(images/inactive.png) no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;width:20px;height:30px;clear:none;display:block}

.slideShow .controlBox.controlDefault a.active,.slideShow .controlBox.controlDefault a:hover{background:url(images/active.png) no-repeat 50% 50%}

/* -- slideTitle -- */

.slideShow .slideTitle{z-index:20;position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}

.slideShow .slideTitle span{color:#fff;display:block;font-size:.85em;padding:15px 10px}



/* -- sileThumb -- */

.slideShow .sileThumb{z-index:30;text-align:center;position:absolute;bottom:8px;right:8px}

.slideShow .sileThumb a{margin:0 3px}

.slideShow .sileThumb a img{border:solid #B0B0B0 1px}

.slideShow .sileThumb a.active img{border:solid #19B4EA 1px}

/* 通用结构 

----------------------------------------------- */

/* -- form -- */

.btn{display:inline-block;text-transform:capitalize;cursor:pointer;font-weight:700;text-align:center;-webkit-appearance:none;

background:url(images/bg_button_2.png) no-repeat 0 0; width:96px; text-align:center; line-height:32px; height:32px; color:#fff}

.btn:hover{text-decoration:none;color:#FFF;background-color:#007AD5}

.btnGray{display:inline-block;background-color:#CCC;border:0;color:#333;padding:6px 15px;text-transform:capitalize;cursor:pointer;font-weight:700;-webkit-appearance:none}

.btnPayment{display:inline-block;background-color:#ff4246;color:#FFF;padding:7px 28px;text-transform:capitalize;cursor:pointer;font-weight:700;font-size:14px;text-align:center;-webkit-appearance:none}

/* -- input -- */

.textInput{height:20px;padding:6px;font-size:14px;border:1px solid #DDD;background-color:#F4F4F4;color:#666;-webkit-appearance:none}

.textArea{padding:4px;border:1px solid #DDD;background-color:#F4F4F4;line-height:20px;-webkit-appearance:none}

.textAreaAuto{border:1px solid #DBDBDB;background-color:#F4F4F4;padding:0;font-size:12x;line-height:20px;resize:none;min-height:40px;-webkit-appearance:none}

/* -- style -- */

.price {

 color: #CC0000;

}

/* -- incBox -- */

.incBox{margin-bottom:15px}

.incBox h3{color: #435063;

    font-size: 18px;

    font-weight: normal;

    text-align: center; padding-bottom:15px}

#indexRight .incBox h3{ background:#0657b2; border-bottom:none; color:#fff;}

#indexRight .incBox h3 a{ display: inline-block; padding:0 20px; height:40px; background:#cc0000; color:#fff}

/* -- tree -- */

.treeBox h3 {

    background: url(images/leftti.png) no-repeat scroll 0 0;

    height: 37px;

    left: -6px;

    overflow: hidden;

    position: absolute;

    top: 10px;

    width: 225px;

    z-index: 1; color:#fff; text-indent:30px; line-height:30px

}

.treeBox li{padding:0 15px; background:url(images/new_ico01.png) no-repeat 15px center}

.treeBox li.cur a{background:0 0}

.treeBox li a{margin-right:15px;display:block;padding:5px 10px;}

.treeBox .searchBox{ padding:20px 0 20px 10px; background:#ea3939}

.treeBox .searchBox .keyword{width:136px;float:left}

.treeBox>ul{background-color:#fafdff;word-break:break-all; position:relative; margin-top:50px; padding-bottom:10px}



/* -- searchBox -- */

.searchBox{background-color:#FFF;height:28px;padding-left:10px}

.searchBox{position:relative;white-space:normal}

.searchBox label{height:0;line-height:0;overflow:hidden;width:0;position:absolute;font-size:0;z-index:-1;outline:0}

.searchBox .keyword{color:#CCC}

.searchBox .keyword:focus{color:#555}

.searchBox .keyword::-webkit-input-placeholder{color:#CCC}

.searchBox .keyword:focus:-moz-placeholder,.searchBox .keyword:focus::-moz-placeholder{color:transparent!important}

.searchBox .keyword:focus::-webkit-input-placeholder{color:transparent!important}

.searchBox .btnSearch{background:#E0E0E0 url(images/btn_search.gif) no-repeat -10px -5px;width:28px;height:28px;text-indent:-999px;overflow:hidden;cursor:pointer; float:left}

/* -- 上一页下一页 -- */

.lift{margin-top:60px;color:#333}

.lift a{color:#1c57c4; text-decoration:underline}

.lift span{margin-right:15px}

/*- tableBasic -*/

.tableBasic{color:#666;border-left:1px solid #DDD;border-top:1px solid #DDD;border-collapse:collapse}

.tableBasic select{color:#8F8F8F}

.tableBasic td,.tableBasic th{border-right:1px solid #DDD;border-bottom:1px solid #DDD}

.tableBasic th{background-color:#EFEFEF}

.tableBasic .child{background-color:#FFF}

.tableBasic td label{margin-right:15px}

.tableBasic td i{color:red;margin-left:5px;font-weight:700}



/*- tableDiv -*/

.tableDiv dl{zoom:1;overflow:hidden;margin-bottom:15px}

.tableDiv dl dt{float:left;width:160px;text-align:right;line-height:34px;font-size:13px}

.tableDiv dl dd{float:left;width:640px;padding-left:10px}

.tableDiv dl dd i{color:red;margin-left:5px;font-weight:700}

.tableDiv dl dd label{margin-right:15px;line-height:34px}

/* -- douBox -- */

#douBox .boxBg{position:fixed;top:0;left:0;z-index:10000001;width:100%;height:100%;background:#000;filter:alpha(opacity=15);opacity:.15}

#douBox .boxFrame{position:absolute;z-index:10000002;overflow:hidden;padding:0;border:2px solid #C4C4C4;background-color:#FFF;width:360px;left:50%;top:300px;margin-left:-180px}

#douBox .boxFrame h2{height:28px;padding:0 10px;background:#f5f5f5;line-height:28px;color:#666;font-size:14px;font-weight:400}

#douBox .boxFrame h2 .close{background:url(images/icon_fork.png) no-repeat;width:12px;height:12px;display:block;float:right;text-indent:-9999px;margin-top:8px}

#douBox .boxFrame .boxCon{background:url(images/icon_exclamation.png) no-repeat 15px 15px;padding:13px 10px 15px 70px;height:100px}

#douBox .boxFrame .boxCon dt{font-family:Microsoft YaHei;font-size:16px;color:#19B4EA;font-weight:700}

#douBox .boxFrame .boxCon dd{color:#999;zoom:1;overflow:hidden}

#douBox .boxFrame .boxCon dd a{background-color:#F5F5F5;border:1px solid #CBD1D3;display:block;float:left;width:70px;line-height:26px;text-align:center;margin:10px 12px 0 0;text-decoration:none}



/* 库项目样式

----------------------------------------------- */

/* -- urHere -- */

.urHere{ border-bottom:1px solid #cce6f5;

    margin:18px 0 5px 0; line-height:30px;}

.urHere a{color:#405b78}

.urHere b{margin:0 8px}

/* -- recommendProduct -- */

.main-pro {

    padding: 20px 0 0 0;

}

.mr_frbox{width:1200px;margin:0 auto; position:relative}

.mr_frUl{float:left;width:1140px; overflow:hidden; margin:0 8px}

.recommendProduct{zoom:1;overflow:hidden; padding:0}

.recommendProduct li{float:left;margin-right:15px;position:relative;width:215px;text-align:center}

.recommendProduct li.clearBorder{margin-right:0}

.recommendProduct li .img{ padding:10px;background:#fff;box-shadow:0 1px 0 #cadae7; }

.recommendProduct .name{color: #555d68;

    font-size: 14px;

    font-weight: normal;

    text-align: left;

    white-space: normal;

    word-break: break-all; height:30px; line-height:30px; padding-top:5px; text-align:center}

.mr_frbox em{display:block;

    height:215px;

    top:0;

    width:22px;overflow: hidden; 

    position: relative; float:left;background:url(images/leftright.png) no-repeat 0 center}

.mr_frbox em a{display:block;height: 215px;width: 22px;}

.mr_frbox .e01:hover{ background-position:-22px center}

.mr_frbox .e01{left:-10px;}

.mr_frbox .e02{background-position: -44px center; float:right; right:-10px;}

.mr_frbox .e02:hover{ background-position:-66px center}

.photo-update-time {

    color: #a3a8ac;

    text-align: left; font-size:12px; background:url(images/ico_map_common.png) no-repeat 0 -145px; padding-left:15px;

}

/* -- about -- */

.about p{float:left;width:120px;height:154px}

.about dl dt{display:block;color:#313131;padding:5px 0 0 0; font-size:16px}

.about dl dd{line-height:200%;color:#999;word-wrap:break-word;word-break:normal}

.about .aboutBtn{display:block;text-decoration:underline;color:#C00;font-weight:700;margin-top:12px}



/* -- recommendArticle -- */

.l-left .incBox{ margin:0}

.recommendArticle li{background: url(images/new_ico01.png) no-repeat left 50%;line-height:36px;padding-left:10px; overflow:hidden; font-size:15px}

.recommendArticle li.last{border-bottom:0}

.recommendArticle{ height:330px; overflow:hidden}

.recommendArticle li b,.recommendArticle li a{ display:block; float:left}

.recommendArticle li b{float:right;color:#999}

.recommendArticle li a{width:280px; overflow:hidden; height:30px;}

/* -- contact -- */

.contact h3 {

    color: #000;

    font-size: 18px;

    line-height: 1.5;

    word-break: break-all; text-align:left; font-weight:bold

}

.contact dl{zoom:1;overflow:hidden}

.contact dt{float:left;background:url(images/icon_contact.gif) no-repeat 0 0;width:30px;height:30px;margin-right:17px}

.contact dt.tel{background-position:0 -30px}

.contact dt.fax{background-position:0 -60px}

.contact dt.url{background-position:0 -90px}

.contact dt.email{background-position:0 -120px}

.contact dd{float:left;color:#333;line-height:30px}

/* page

----------------------------------------------- */

#page{padding:15px 0}

#page h1{color:#333;font-size:18px;font-weight:700}

#page .info{padding:2px 0 20px 0;color:#999;font-size:13px}

#page .content{color:#666;line-height:200%;padding-top:10px; text-indent:2em}

/* product_category

----------------------------------------------- */

.productList{padding-top:20px;color:#999}

.productList dl{float:left;width:250px; margin:8px 10px; text-align:center}

.productList dl dt{ border:1px solid #ddd; width:250px; height:250px; overflow:hidden}

.productList dl dt a {

    display: table-cell;

    height:250px;

    overflow: hidden;

    text-align: center;

    vertical-align: middle;

    width:250px;

}

.productList dl dt a img{

    max-height:250px;

    max-width:250px;

    overflow: hidden;

    vertical-align: middle;

}

.productList dl.last{margin-right:0}

.productList .name{height:25px;overflow:hidden}

.productList .name a{color:#333;font-weight:700}

/* product

----------------------------------------------- */

#product{padding:15px 0}

#product .productImg{width:500px; border:1px solid #ddd; text-align:center; margin:0 auto}

#product .productContent{padding:15px 0}

#product .productContent h3{ background: url(images/inactive.png) no-repeat scroll left center;

    border-bottom: 1px dotted #ccc;

    font-size: 14px;

    margin: 15px 0 10px;

    padding: 5px 20px;}

#product .productContent ul{padding:15px 0;color:#666;line-height:200%}

/* article_category

----------------------------------------------- */

#articleList dl{border-bottom:1px dotted #D1D1D1;padding:10px 0}

#articleList dl.last{border-bottom:0}

#articleList dt{width:620px;background:url(images/icon_red.gif) no-repeat left 50%;padding-left:15px;}

#articleList dd{color:#999;padding-left:2px;line-height:180%;zoom:1;overflow:hidden}

#articleList dd p{float:left}

#articleList dd p.img{margin-right:10px}

#articleList dd p.desc{ width:620px}

#articleList .numDate{float:right;text-align:right;}

#articleList .numDate p{font-size:12px;color:#999;}

/* article

----------------------------------------------- */

#article{padding:20px 0}

#article h1{color:#333;font-size:18px;font-weight:700; text-align:center}

#article .info{padding:2px 0 20px 0;color:#999;font-size:13px; text-align:center}

#article .content{color:#666;line-height:180%; text-indent:2em}

/* 会员中心

----------------------------------------------- */

#user{zoom:1;overflow:hidden}

#user .userLeft{float:left;width:160px;margin-right:20px}

#user .userIn{float:left;width:800px;overflow:hidden}

#user .userIn .main{padding-top:15px}

#user .userIn .main h3{color:#19B4EA;font-size:16px;margin-bottom:10px}

#user .userIn .main h3 .more{float:right;color:#888;font-size:12px;margin-top:9px;font-weight:400}

/* -- passport -- */

#user .passport{border:1px solid #E4E4E4;padding:40px 50px 80px 50px}

#user .passport .register h3{font-size:22px;font-weight:700;color:#19B4EA;border-bottom:1px dashed #CCC;padding:0 0 20px 30px;margin-bottom:40px}

#user .passport .register h3 em{display:block;color:#999;font-size:12px;font-weight:400}

#user .passport .register h3 a{color:#19B4EA}

#user .passport .register .btn{width:200px}

#user .passport .login{margin:0 auto;width:320px}

#user .passport .login h3{font-size:22px;font-weight:700;margin-bottom:40px}

#user .passport .login h3 em{display:block;color:#999;font-size:12px;font-weight:400}

#user .passport .login .textInput{width:306px}

#user .passport .login .btn{width:100%}

#user .passport .login .btnRegister{display:block;width:318px;border:1px solid #CCC;color:#555;padding:6px 0;cursor:pointer;font-weight:700;text-align:center}

/* -- userTree -- */

#user .userTree{margin-bottom:15px}

#user .userTree h3{height:35px;line-height:35px;color:#7A7F81;font-weight:700;font-size:14px;border-bottom:1px solid #CBD1D3;margin-bottom:5px}

#user .userTree li a{display:block;padding:8px 10px;color:#7A7F81}

#user .userTree li.cur{background-color:#19B4EA}

#user .userTree li.cur a{color:#FFF}

#user .userTree .searchBox{margin:20px 0}

#user .userTree .searchBox .keyword{width:136px}



/* -- startPage -- */

#user .startPage .welcom{margin-bottom:15px}

#user .startPage .welcom dt{font-size:16px;margin-bottom:10px}

#user .startPage .welcom dt b{font-weight:700;color:red;margin-right:8px}

#user .startPage .welcom dd{padding-top:6px;padding-left:5px;margin-bottom:6px;color:#888}

#user .startPage .tableBasic{color:#666;border-left:1px solid #DDD;border-top:1px solid #DDD;border-right:1px solid #DDD;border-collapse:collapse}

#user .startPage .tableBasic td{border-right:0;border-bottom:1px solid #DDD}

#user .tableBasic td{background-color:#F2F2F2}

/* -- orderList -- */

#user .orderList .orderSn{background-color:#EEE;color:#999}

#user .orderList .orderSn em{margin-right:30px}

#user .orderList .imgList img{border:1px solid #DDD}

#user .btnPayment{float:right}

#user .order .totalAmount{line-height:180%;padding-top:15px}

/* 订单

----------------------------------------------- */

#order{margin-top:20px}

#order h3{font-size:16px;font-weight:700;margin:10px 0;color:#19B4EA}

/* -- cartBox -- */

#order .cartBox{border:1px solid #E4E4E4}

#order .cartBox dl{border-bottom:1px solid #E4E4E4;padding:8px 0;zoom:1;overflow:hidden;line-height:180%}

#order .cartBox dl.head{background-color:#EBEBEB}

#order .cartBox dl.head b{color:#000}

#order .cartBox dt{float:left;width:50px;padding-left:10px}

#order .cartBox dd{float:left;width:90px;margin-left:10px;text-align:center}

#order .cartBox dd.name{width:500px;text-align:left}

#order .cartBox dd.name a{color:#0072C6}



/* -- 购物车数量加减 -- */

#order .cartBox dd.number{width:80px;margin:0 auto}

#order .cartBox dd.number input,#order .cartBox dd.number span{float:left;background:url(images/icon_add_minus.gif) no-repeat;cursor:pointer}

#order .cartBox dd.number input{width:35px;background:0 0;border:none;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;height:18px;background:#fff;text-align:center}

#order .cartBox dd.number span.minus{text-indent:-9999px;display:block;background-position:left 0;width:20px;height:20px}

#order .cartBox dd.number span.plus{text-indent:-9999px;display:block;background-position:-22px 0;width:20px;height:20px}

/* -- cart -- */

#order .cart .cartAction{zoom:1;overflow:hidden;padding:5px}

#order .cart .cartAction .btnGray{float:left}

#order .cart .cartAction .btn{float:right}

#order .cart .cartBtn{zoom:1;overflow:hidden;margin-top:20px}

#order .cart .cartBtn .checkOut{float:right;width:540px;background-color:#0072C6;line-height:45px;padding-left:20px}

#order .cart .cartBtn .checkOut em{display:block;background-color:#E0E0E0;float:left;width:360px;padding:0 15px;font-size:14px}

#order .cart .cartBtn .checkOut a{background:url(images/icon_addcart.png) no-repeat 10px 50%;display:block;float:right;text-align:left;width:95px;padding-left:45px;color:#FFF;font-size:16px;font-weight:700}

#order .cart .cartBtn .checkOut a i{font-weight:700}

#order .cart .cartEmpty{border-bottom:1px solid #CBD1D3;background-color:#EFEFEF;font-size:14px;text-align:center;padding:20px 0}

/* -- checkout -- */

#order .checkout .checkBox{border:1px solid #E4E4E4;padding:15px 25px 40px 25px}

#order .checkout h2{font-size:14px;margin-bottom:15px}

#order .checkout h2 .more{float:right;font-size:13px;font-weight:400;margin-top:8px}

#order .checkout .box{border-bottom:1px solid #E4E4E4;padding-bottom:15px;margin-bottom:20px}

#order .checkout .box .tableDiv dl dt{width:80px;font-size:12px}

#order .checkout .box .checkbox{color:#19B4EA;font-size:13px}

#order .checkout .payment{zoom:1;overflow:hidden;padding-left:30px}

#order .checkout .payment dd{float:left;width:170px}

#order .checkout .cartBox{border:0}

#order .checkout .shipping dl{zoom:1;overflow:hidden;padding:0 0 10px 30px}

#order .checkout .shipping dt{float:left;width:120px}

#order .checkout .shipping dd{float:left;width:350px}

#order .checkout .cartBox dl{background-color:#F4F4F4;border-bottom:1px dotted #D1D1D1}

#order .checkout .totalAmount{border-bottom:1px solid #E4E4E4;margin:20px 0 20px;padding-bottom:20px;zoom:1;overflow:hidden}

#order .checkout .totalAmount .list{float:right;width:300px}

#order .checkout .totalAmount dl{zoom:1;overflow:hidden;text-align:right;margin-bottom:10px}

#order .checkout .totalAmount dt{float:left;width:150px}

#order .checkout .totalAmount dd{float:left;width:150px}

#order .checkout .totalAmount b{color:red;margin-right:3px}

#order .checkout .orderSubmit{text-align:right}

#order .checkout .orderSubmit .orderAmount{margin-right:20px;font-size:15px}

#order .checkout .orderSubmit .orderAmount b{font-weight:700;color:red}

#order .checkout .orderSubmit .submit{background-color:#19B4EA;color:#FFF;padding:10px 40px;text-decoration:none;cursor:pointer;font-size:16px}

#order .checkout .orderSubmit .submit:hover{background-color:#44C4EE}

/* -- complete -- */

#order .complete{border:1px solid #E4E4E4;padding:130px 0;text-align:center}

#order .complete p{padding:15px 0}

#order .complete p.title{font-weight:700;font-size:16px}

#order .complete p.info{color:#19B4EA;font-size:26px}

#order .complete p.info b{color:red;margin-right:3px}

/* 留言板

----------------------------------------------- */

#guestBook{padding:15px;background: #fafdff;

    border: 1px solid #cadae7;}

#guestBook h2{color:#555;font-size:18px;font-weight:700;margin-bottom:20px}

/* bookList */

#guestBook .bookList{margin-bottom:15px;line-height:180%;font-size:13px;border-bottom: 1px solid #cadae7;}

#guestBook .bookList dl{margin-bottom:15px}

#guestBook .bookList dt{color:#999;margin-bottom:3px}

#guestBook .bookList dt b{color:#999;margin-left:20px}

#guestBook .bookList dd{color:#666;overflow:hidden;zoom:1}

#guestBook .bookList dd em{float:left;width:70px}

#guestBook .bookList dd span{float:right;width:910px;text-align:left}

#guestBook .bookList p{color:#0072C6;margin-top:5px;overflow:hidden;zoom:1}

#guestBook .bookList p em{float:left;width:70px}

#guestBook .bookList p span{float:left;width:800px}

#guestBook .bookList p b{color:#999;float:right}

#guestBook .bookList .pager{text-align:left}

/* bookList */

#guestBook .bookAdd{line-height:180%;font-size:13px}

#guestBook .bookAdd dl{overflow:hidden;zoom:1;margin-bottom:15px}

#guestBook .bookAdd dl dd,#guestBook .bookAdd dl dt{float:left}

#guestBook .bookAdd dl dt{width:70px;text-align:right;line-height:30px}

#guestBook .bookAdd .select{height:28px}

#guestBook .bookAdd dl.cue{margin:-8px 0 10px 60px;color:#999}

#guestBook .bookAdd dl.submit{margin:20px 0 0 70px}

#guestBook .bookAdd dd b{display:block;padding:2px 0 2px 3px;border:1px solid #fec600;color:#666;background-color:#fbf8e9;line-height:16px}

/* 提示信息

----------------------------------------------- */

#douMsg{padding:10px 0 100px 0}

#douMsg dl{padding:160px 0 200px 0;text-align:center;border:1px solid #E4E4E4}

#douMsg dt{color:#0072C6;font-size:16px;margin-bottom:30px;font-weight:700}

#douMsg dd{color:#666}

#douMsg dd a{margin-left:5px;color:#000}



/* 分页

----------------------------------------------- */

.pager{text-align:right;padding:15px 0;color:#666}

.pager a{color:#666;text-decoration:underline}



/* link

----------------------------------------------- */

.link strong {

    background: url(images/Link.png) no-repeat scroll left 2px;

    color: #333;

    display: inline;

    float: left;

    height: 25px;

    min-width: 60px;

    padding-left: 20px;

    white-space: nowrap; margin-right:15px;

}

.link a{color:#555; margin-right:20px;}

.link{ padding:10px 0 20px 0; font-size:12px;}

/* 在线客服

----------------------------------------------- */

#onlineService{position:fixed;top:208px;right:0;z-index:999999;display:block}

#onlineService .onlineIcon{position:relative;cursor:pointer;background:url(images/online_service.png) no-repeat;width:34px;height:110px;text-indent:-9999px;overflow:hidden}

#onlineService #pop{border:3px solid #19B4EA;background-color:#F2F2F2;padding:8px;width:95px;min-height:84px;position:absolute;right:34px;top:0;display:none;z-index:999999}

#onlineService .onlineQQ a{display:block;background:url(images/online_service.png) no-repeat left -160px;color:#19B4EA;width:82px;height:24px;line-height:23px;padding-left:27px;margin-bottom:8px}

#onlineService .onlineQQ a:hover{text-decoration:none;color:#19B4EA}

#onlineService .service{border-top:1px solid #DDD;padding-top:8px;color:#666}

#onlineService .service a{color:#666}

#onlineService .service li{ width:95px; overflow:hidden}

#onlineService .goTop{display:none}

#onlineService .goTop .goBtn{background:#F2F2F2 url(images/online_service.png) no-repeat left -120px;width:34px;height:34px;display:block}

/* footer

----------------------------------------------- */

#footer{background-color:#ebf3fe;padding:15px 0;line-height:25px;font-size:12px; text-align:center; color:#888; border-top:1px solid #cadae7}

#footer a{ color:#888}

#footer .footNav i{margin:0 12px}

#footer .footNav a.first{margin-left:0}

#footer .copyRight{font-family:Arial,Lucida,Verdana,Helvetica,sans-serif}



.l-left{ width:810px;background: #fafdff;border: 1px solid #cadae7;}

.l-left h3{

    font-size:18px;

    line-height: 1.5;

    word-break: break-all; text-align:left; font-weight:bold}

.l-left h3 a{color: #000;}

.l-right{background: #fafdff none repeat scroll 0 0;
    border: 1px solid #cadae7;
    box-sizing: border-box;
    height: 415px;
    padding: 20px;
    width: 375px;}

.l-left .incBox{ width:355px; padding:20px 12px 20px 25px; float:left}